<template>
    <div>
        <el-container style="height: 100vh">
            <side-menu></side-menu>
            <!-- direction，子元素中有 el-header 或 el-footer 时为 vertical，否则为 horizontal -->
            <el-container direction="vertical">
                <top-header></top-header>
                <el-main>
                    <!-- el-scrollbar，超出视口，会出现一个样式好看的滚动条 -->
                    <el-scrollbar>
                        <router-view></router-view>
                    </el-scrollbar>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup>
import SideMenu from '../components/mainbox/SideMenu.vue'
import TopHeader from '../components/mainbox/TopHeader.vue'
</script>
